<script setup>
import {Location, Notification, VideoCameraFilled,Notebook} from "@element-plus/icons-vue";

</script>

<template>
  <div style="width: 170px;">
    <el-menu :default-openeds="['1']" default-active="/" style="min-height: calc(100vh - 60px)">
      <el-menu-item index="/">
        <RouterLink to="/backend/blank">
        <el-icon><Notification /></el-icon>
        <span>空白页</span>
        </RouterLink>
      </el-menu-item>
      <el-sub-menu index="1">
        <template #title>
          <el-icon><location /></el-icon>
          <span>后台管理</span>
        </template>
        <router-link to="/backend/manage">
        <el-menu-item index="1-1">
          <el-icon><VideoCameraFilled /></el-icon>
          视频管理
        </el-menu-item>
        </router-link>
        <router-link to="/backend/course">
          <el-menu-item index="1-2">
          <el-icon><Notebook /></el-icon>
            课程管理
          </el-menu-item>
        </router-link>
      </el-sub-menu>
    </el-menu>
  </div>
</template>

<style>

</style>
